<full-content [(fullscreen)]="fullscreen" style="overflow-y: scroll;">
  <div class="jcbg">
    <!-- 上半部分 -->
    <div class="top">
      <div class="title">
        <div class="l">车抵贷决策报告</div>
        <div class="c">自动评分系统2019-08-06 12:24生成</div>
        <div class="r">
          <div class="icon icon-a"></div>
          <div class="icon icon-b"></div>
        </div>
      </div>
      <div class="jianyi">
        <div class="l">
          <p>决策建议</p>
          <div class="jianyi-icon">
            <div class="text">审核良好</div>
          </div> <!-- 审批通过 -->
        </div>
        <div class="r">
          <div class="item">
            <div class="dian"></div>
            <div class="t">额度评分</div>
            <div class="ipt">
              <input type="text" value="698" readonly>
            </div>
            <div class="info">600-800分(分值越高，额度越高)</div>
          </div>
          <div class="item">
            <div class="dian"></div>
            <div class="t">DTI负债比</div>
            <div class="ipt">
              <input type="text" value="635%" readonly>
            </div>
            <div class="info">常规进件(DTI≤1000%) 特殊进件(DTI≤150%)</div>
          </div>
          <div class="item">
            <div class="dian"></div>
            <div class="t">车辆状态</div>
            <div class="ipt">
              <input type="text" value="良好" readonly>
            </div>
            <div class="ipt">
              <input type="text" value="无事故" readonly>
            </div>
            <div class="ipt">
              <input type="text" value=">9分" readonly>
            </div>
          </div>
          <div class="item">
              <div class="dian"></div>
              <div class="t">第三方数据</div>
              <div class="ipt">
                <input type="text" value="687" readonly>
              </div>
              <div class="info">(数据取值来自于同盾报告)
                <a href="javascript:void(0);">查看详情</a>
              </div>
            </div>
        </div>
      </div>
      <div class="grage">
        <div class="l">
          <p class="tit">风险等级</p>
          <p class="t">B</p>
          <ul>
            <li>A：资质良好，通过</li>
            <li>B：资质尚可，审核后无风险通过</li>
            <li>C：资质一般，正常审核</li>
            <li>D：存在一定风险，严格审核</li>
            <li>E：资质较差，拒绝</li>
          </ul>
        </div>
        <div class="r">
          <p class="tit">风险命中</p>
          <div class="box">
            <div class="item">
              <div class="dian"></div>
              <div class="txt1">多头借贷</div>
              <div class="ipta"><input type="text" value="无" readonly></div>
              <div class="txt2">黑名单</div>
              <div class="iptb"><input type="text" value="无" readonly></div>
            </div>
            <div class="item">
              <div class="dian"></div>
              <div class="txt1">涉诉</div>
              <div class="ipta"><input type="text" value="无" readonly></div>
              <div class="txt2">公安不良记录</div>
              <div class="iptb"><input type="text" value="无" readonly></div>
            </div>
            <div class="item">
              <div class="dian"></div>
              <div class="txt1">被执行</div>
              <div class="ipta"><input type="text" value="无" readonly></div>
              <div class="txt2">手机命中高风险</div>
              <div class="iptb"><input type="text" value="无" readonly></div>
            </div>
          </div>
        </div>
      </div>
      <div class="khxx">
        <div class="content">
          <nz-card nzTitle="客户信息">
            <nz-row nzGutter="24">
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="name">姓名</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="kehu.name" name="name" placeholder="" id="name" readonly>
                    </nz-form-control>
                  </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="sex">性别</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="kehu.sex" name="sex" placeholder="" id="sex" readonly>
                    </nz-form-control>
                  </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                <nz-form-item>
                  <nz-form-label nzFor="minzu">民族</nz-form-label>
                  <nz-form-control class="ml">
                    <input nz-input [(ngModel)]="kehu.minzu" name="minzu" placeholder="" id="minzu" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                <nz-form-item>
                  <nz-form-label nzFor="birth">出生</nz-form-label>
                  <nz-form-control class="ml">
                    <input nz-input [(ngModel)]="kehu.birth" name="birth" placeholder="" id="birth" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                <nz-form-item>
                  <nz-form-label nzFor="yxqx">有效期限</nz-form-label>
                  <nz-form-control class="ml">
                    <input nz-input [(ngModel)]="kehu.yxqx" name="yxqx" placeholder="" id="yxqx" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                <nz-form-item>
                  <nz-form-label nzFor="qfjg">签发机关</nz-form-label>
                  <nz-form-control class="ml">
                    <input nz-input [(ngModel)]="kehu.qfjg" name="qfjg" placeholder="" id="qfjg" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="12" nzXXl="12">
                <nz-form-item>
                  <nz-form-label nzFor="addr">地址</nz-form-label>
                  <nz-form-control class="ml">
                    <input nz-input [(ngModel)]="kehu.addr" name="addr" placeholder="" id="addr" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                <nz-form-item>
                  <nz-form-label nzFor="ppcx">品牌/车型</nz-form-label>
                  <nz-form-control class="ml">
                    <input nz-input [(ngModel)]="kehu.ppcx" name="ppcx" placeholder="" id="ppcx" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                <nz-form-item>
                  <nz-form-label nzFor="cph">车牌号</nz-form-label>
                  <nz-form-control class="ml">
                    <input nz-input [(ngModel)]="kehu.cph" name="cph" placeholder="" id="cph" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                <nz-form-item>
                  <nz-form-label nzFor="syr">所有人</nz-form-label>
                  <nz-form-control class="ml">
                    <input nz-input [(ngModel)]="kehu.syr" name="syr" placeholder="" id="syr" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                <nz-form-item>
                  <nz-form-label nzFor="zcrq">注册/发证日期</nz-form-label>
                  <nz-form-control class="ml">
                    <input nz-input [(ngModel)]="kehu.zcrq" name="zcrq" placeholder="" id="zcrq" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                <nz-form-item>
                  <nz-form-label nzFor="syxz">使用性质</nz-form-label>
                  <nz-form-control class="ml">
                    <input nz-input [(ngModel)]="kehu.syxz" name="syxz" placeholder="" id="syxz" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                <nz-form-item>
                  <nz-form-label nzFor="cjh">车架号</nz-form-label>
                  <nz-form-control class="ml">
                    <input nz-input [(ngModel)]="kehu.cjh" name="cjh" placeholder="" id="cjh" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                <nz-form-item>
                  <nz-form-label nzFor="fdjh">发动机号</nz-form-label>
                  <nz-form-control class="ml">
                    <input nz-input [(ngModel)]="kehu.fdjh" name="fdjh" placeholder="" id="fdjh" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                <nz-form-item>
                  <nz-form-label nzFor="zz">发动机号</nz-form-label>
                  <nz-form-control class="ml">
                    <input nz-input [(ngModel)]="kehu.zz" name="zz" placeholder="" id="zz" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
            </nz-row>
          </nz-card>
        </div>
      </div>
    </div>
    <!-- 下半部分 -->
    <div class="bottom">
      <!-- 车辆维度分析 -->
      <div class="a">
        <div class="tit">车辆维度分析</div>
        <div class="wrap">
          <div class="item">
            <div class="t">车况分析(20%)</div>
            <ul>
              <li><div class="dian a"></div><div class="txt">保养优秀</div></li>
              <li><div class="dian"></div><div class="txt">保养良好</div></li>
              <li><div class="dian"></div><div class="txt">保养一般</div></li>
              <li><div class="dian"></div><div class="txt">保养较差</div></li>
            </ul>
          </div>
          <div class="item">
            <div class="t">违章情况(10)</div>
            <ul>
              <li><div class="dian a"></div><div class="txt">0-12分</div></li>
              <li><div class="dian"></div><div class="txt">12分以上</div></li>
            </ul>
          </div>
        </div>
      </div>
      <!-- 客户图谱分析 -->
      <div class="a">
        <div class="tit">客户图谱分析</div>
        <div class="ba">
          <div class="wrapa">
            <div class="tit">社会背景(10%)</div>
            <div class="box">
              <div class="item">
                <p style="top: 50%;">男</p>
                <div class="b" style="height:40%;"></div>
              </div>
              <div class="item">
                <p>22-30岁</p>
                <div class="b" style="height:80%;"></div>
              </div>
              <div class="item">
                <p style="top: 50%;">省内</p>
                <div class="b" style="height:40%;"></div>
              </div>
              <div class="item">
                <p style="top: 50%;">城镇户口</p>
                <div class="b" style="height:40%;"></div>
              </div>
              <div class="item">
                <p style="top: 50%;">已婚</p>
                <div class="b" style="height:40%;"></div>
              </div>
              <div class="item">
                <p style="top: 50%;">本科</p>
                <div class="b" style="height:40%;"></div>
              </div>
              <div class="item">
                <p style="top: 50%;">2-3人</p>
                <div class="b" style="height:40%;"></div>
              </div>
              <div class="item">
                <p style="top: 50%;">1-3年</p>
                <div class="b" style="height:40%;"></div>
              </div>
              <div class="item">
                <p style="top: 50%;">民营</p>
                <div class="b" style="height:40%;"></div>
              </div>
            </div>
            <ul>
              <li>性别</li>
              <li>年龄</li>
              <li>户籍</li>
              <li>户口性质</li>
              <li>婚姻</li>
              <li>文化程度</li>
              <li>供养人数</li>
              <li>工作年限</li>
              <li>单位性质</li>
            </ul>
          </div>
        </div>

        <div class="r">
          <div class="d" style="margin-right: 40px;">
            <div class="wrapa">
              <div class="tit">DTI负债比评分(20%)</div>
              <div class="box">
                <div class="item">
                  <p style="top: 50%;"></p>
                  <div class="b" style="height:0%;"></div>
                </div>
                <div class="item">
                  <p style="top: 50%;">503%(常规进件)</p>
                  <div class="b" style="height:40%;"></div>
                </div>
                <div class="item">
                  <p style="top: 50%;"></p>
                  <div class="b" style="height:0%;"></div>
                </div>
                <div class="item">
                  <p style="top: 50%;"></p>
                  <div class="b" style="height:0%;"></div>
                </div>
              </div>
              <ul>
                <li>0-300%</li>
                <li>301%-700%</li>
                <li>701%-1000%</li>
                <li>1001%以上</li>
              </ul>
            </div>
          </div>
          <div class="d" style="margin-left: 40px;">
            <div class="wrapa">
              <div class="tit">还款历史(17.2%)</div>
              <div class="box">
                <div class="item">
                  <p style="top: 50%;"></p>
                  <div class="b" style="height:0%;"></div>
                </div>
                <div class="item">
                    <p style="top: 40%;">4.0</p>
                    <div class="b" style="height:30%;"></div>
                  </div>
                  <div class="item">
                      <p style="top: 30%;">8.2%</p>
                      <div class="b" style="height:60%;"></div>
                    </div>
                    <div class="item">
                        <p style="top: 50%;">5.0%</p>
                        <div class="b" style="height:40%;"></div>
                      </div>
              </div>
              <ul>
                <li>征信命中</li>
                <li>信贷逾期记录</li>
                <li>逾期还款细节</li>
                <li>良好账户数</li>
              </ul>
            </div>
          </div>
        </div>


        <div class="r">
          <div class="d" style="margin-right: 40px;">
            <div class="wrapa">
              <div class="tit">当前负债(11.6%)</div>
              <div class="box">
                <div class="item">
                  <p style="top: 60%;">4.0%</p>
                  <div class="b" style="height:50%;"></div>
                </div>
                <div class="item">
                  <p style="top: 50%;">3.0%</p>
                  <div class="b" style="height:40%;"></div>
                </div>
                <div class="item">
                  <p style="top: 40%;">2.6%</p>
                  <div class="b" style="height:30%;"></div>
                </div>
                <div class="item">
                  <p style="top: 30%;">2.0%</p>
                  <div class="b" style="height:20%;"></div>
                </div>
              </div>
              <ul>
                <li>信用额度</li>
                <li>当前贷款余额</li>
                <li>当前负债总额</li>
                <li>未决贷款账户数</li>
              </ul>
            </div>
          </div>
          <div class="d" style="margin-left: 40px;">
            <div class="wrapa">
              <div class="tit">信用历史(3.2%)</div>
              <div class="box">
                <div class="item">
                  <p style="top: 22%;">1.2%</p>
                  <div class="b" style="height:12%;"></div>
                </div>
                <div class="item">
                    <p style="top: 20%;">1.0%</p>
                    <div class="b" style="height:10%;"></div>
                  </div>
                  <div class="item">
                      <p style="top: 20%;">1.0%</p>
                      <div class="b" style="height:10%;"></div>
                    </div>
              </div>
              <ul>
                <li>开卡时长</li>
                <li>平均账龄</li>
                <li>房贷账龄</li>
              </ul>
            </div>
          </div>
        </div>


        <div class="r">
          <div class="d" style="margin-right: 40px;">
            <div class="wrapa">
              <div class="tit">近期信贷申请(4.8%)</div>
              <div class="box">
                <div class="item">
                  <p style="top: 22%;">1.2%</p>
                  <div class="b" style="height:12%;"></div>
                </div>
                <div class="item">
                    <p style="top: 22%;">1.2%</p>
                    <div class="b" style="height:12%;"></div>
                  </div>
                  <div class="item">
                      <p style="top: 34%;">2.4%</p>
                      <div class="b" style="height:24%;"></div>
                    </div>
              </div>
              <ul>
                <li>申请与使用</li>
                <li>新增信贷账户</li>
                <li>信贷产品申请次数</li>
              </ul>
            </div>
          </div>
          <div class="d" style="margin-left: 40px;">
            <div class="wrapa">
              <div class="tit">信贷组合(3.2%)</div>
              <div class="box">
                <div class="item">
                  <p style="top: 50%;">3.2%</p>
                  <div class="b" style="height:40%;"></div>
                </div>
                <div class="item">
                    <p style="top: 50%;"></p>
                    <div class="b" style="height:40%;"></div>
                  </div>
                  <div class="item">
                      <p style="top: 50%;"></p>
                      <div class="b" style="height:40%;"></div>
                    </div>
                    <div class="item">
                        <p style="top: 50%;"></p>
                        <div class="b" style="height:40%;"></div>
                      </div>
                      <div class="item">
                          <p style="top: 50%;"></p>
                          <div class="b" style="height:40%;"></div>
                        </div>
                        <div class="item">
                            <p style="top: 50%;"></p>
                            <div class="b" style="height:40%;"></div>
                          </div>
              </div>
              <ul>
                <li>无</li>
                <li>消费贷</li>
                <li>信用贷</li>
                <li>经营贷</li>
                <li>抵押贷</li>
                <li>其他(小额贷)</li>
              </ul>
            </div>
          </div>
        </div>


      </div>
    </div>
    
  </div>
</full-content>